HTML
<h2 class="wrap" contenteditable="true">
The default behavior; the text in the heading wraps "normally"
</h2>
<h2 class="nowrap" contenteditable="true">
In this case the text in the heading doesn't wrap, and overflows the container
</h2>
<h2 class="balance" contenteditable="true">
In this case the text in the heading is nicely balanced across lines
</h2>
CSS
Selection deleted
.nowrap {
text-wrap: balance;
}
.balance {
text-wrap: balance;
}
h2 {
font-size: 2rem;
font-family: sans-serif;
}
JAVASCRIPT
Console
Discover How Secure Your Database Really IsHow secure and compliant are your databases? Ease your worries with a database security assessment.Get a quote.
Ad